import React from 'react'
import { FullScreenContainer,BorderBox12,BorderBox7,ConicalColumnChart} from '@jiaminghi/data-view-react'
import DevStatics from './devStatics'
import DevLine from "./devLine"

import './index.less'
export default function RightContent() {
    let config = {
        data: [
          {
            name: '周期',
            value: 55
          },
          {
            name: '压力角α',
            value: 120
          },
          {
            name: '齿数',
            value: 71
          },
          {
            name: '齿数',
            value: 66
          },
          {
            name: '齿数',
            value: 80
          },
          {
            name: '齿数',
            value: 35
          },
          {
            name: '齿数',
            value: 15
          }
        ],
        img: [
        ],
        showValue: true
      }
    return (
        <div className="right-view">
            <div className="right-1">
                <BorderBox12 color={['#1a1d2f', '#1a1d2f']}>
                    <div className="cy-card-title">
                        <h3>转速曲线</h3>
                    </div>
                    <DevStatics></DevStatics>
                </BorderBox12>
            </div>
            <div className="right-2">
                <BorderBox12 color={['#1a1d2f', '#1a1d2f']}>
                    <div className="cy-card-title">
                        <h3>电压走势</h3>
                    </div>
                    <DevLine></DevLine>
                </BorderBox12>
            </div>
            <div className="right-3">
                <BorderBox12 color={['#1a1d2f', '#1a1d2f']}>
                    <div className="cy-card-title">
                        <h3>参数分析</h3>
                    </div>
                    <ConicalColumnChart config={config} style={{width: '400px', height: '200px'}} />
                </BorderBox12>
            </div>
            
        </div>
    )
}
